{{include file="header.html"}}
<body>
	<div class="search_header">
		<div class="search_wrap">
			<span class="back">
				<a href="javascript:history.go(-1);"></a>
			</span>
			<div class="input_text">
				<span class="search_icon"></span>
				<input type="text" placeholder="请输入汽车试试" name="keyword">
				<span class="clear_icon"></span>
			</div>
			<span class="search_btn">搜索</span>
		</div>	
		<script type="text/javascript">
			$(function(){
				$('.input_text input').bind("input propertychange",function(){

					if($(this).val()!=''){
						$('.clear_icon').show();
					}else{
						$('.clear_icon').hide();
					}
				 
				});
				$('.clear_icon').click(function(){
					$('.input_text input').val('');
				})
			});
		</script>
	</div>
    <div class="searchbox">
    	<div class="hot">
    		<h3>热门搜索</h3>
    		<ul>
    			<li><a href="javascript:">iPhone7</a></li>
    			<li><a href="javascript:">黄金</a></li>
    			<li><a href="javascript:">小米</a></li>
    		</ul>
    		<div class="clear"></div>
    	</div>
    	<!-- <div class="record">
    		<ul>
    			<li class="lishi"><a>历史记录</a></li>
    			<li><a href="javascript:">iPhone7</a></li>
    			<li><a href="javascript:">黄金</a></li>
    			<li><a href="javascript:">小米</a></li>
    		</ul>
    	</div> -->
    </div>
    <script type="text/javascript">
    	$(".search_btn").click(function(){
    		var keyword = $(".input_text input").val();
    		if(keyword == ''){
    			ui.alert('请输入要搜索的内容');
    			return;
    		}
    		location.href='{{"index.php?app=Goods&act=index"|URL}}keyword-'+keyword;

    	})
    </script>
{{include file="footer.html"}}